<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <!-- icon图标 -->
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <!-- 样式初始化 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 公众登录CSS样式 -->
    <link rel="stylesheet" href="./css/commontologin.css">
    <link rel="stylesheet" href="./css/login.css">
    <!-- 字体图标 -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <!-- 主页样式 -->
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>

    <!-- 主体内容 -->
    <section class="bg">
        <!-- 登录头部 -->
        <div class="xtx-login-header">
            <h1 class="logo">
                <a href="./index.html"></a>
            </h1>
        </div>
        <!-- 登录内容 -->
        <div class="xtx-login-main">
            <div class="wrapper">
                <!-- autocomplete="off" 关闭访问记录 -->
                <form action="" autocomplete="off">
                    <div class="box">
                        <div class="tab-nav">
                            <a href="javascript:;" class="active">账户登录</a>
                            <a href="javascript:;"></a>
                        </div>
                        <div class="tab-pane">
                            <div class="link">
                                <a href="javascript:;"></a>
                            </div>
                            <div class="input">
                                <span class="iconfont icon-zhanghao"></span>
                                <input required type="text" placeholder="请输入用户名称/手机号码" name="username">

                            </div>
                            <div class="input">
                                <span class="iconfont icon-suo"></span>
                                <input required type="password" placeholder="请输入密码" name="password">
                            </div>
                            <div class="agree">
                                <label for="my-checkbox">
                  <input type="checkbox" value="1" id="my-checkbox" class="remember" name="agree">
                  <span class="iconfont icon-xuanze"></span>
                </label> 我已同意 <a href="javascript:;">《服务条款》</a href="javascript:;"> 和 <a>《服务条款》</a>
                            </div>
                            <div class="button clearfix">
                                <button type="submit" class="dl">登 录</button>
                                <!-- <a class="dl" href="./center.html">登 录</a> -->
                                <a class="fl" href="./forget.html"></a>
                                <a class="fr" href="./register.html"></a>
                            </div>
                        </div>
                        <div class="tab-pane" style="display: none;">
                            <img class="code" src="./images/code.png" alt="">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!-- 登录底部 -->
        <div class="xtx-login-footer">
    </section>


    <script src="./js/login.js"></script>
    <!-- 用户登录模块 -->
    <script src="./js/common.js"></script>

</body>
<style>
    .bg {
        background-image: url('./图片素材/首页/轮播1.jpg');
        height: 100vh;
        width: 100vw;
        background-repeat: no-repeat;
        background-size: cover;
    }
</style>

</html>